<template>
    <el-card shadow="never">
    <el-form :inline="true">
        <el-input prefix-icon="Search" style="width:25%;background-color: #f5f7f9;"></el-input>
            <el-button size="default" style="margin-left:10px;background:#f5f7f9;">搜索</el-button> 
            <el-form-item label="资源类型:" style="margin-top:17px;margin-left: 20px;">
                <el-select v-model="value">
                    <el-option v-for="item in resourceList"  :label="item.label" :value="item.value" :key="item.value"/>
                </el-select>
            </el-form-item>
            <el-form-item>
                <el-select v-model="value1" style="margin-top:17px;margin-left: -5px;">
                    <el-option v-for="item in centerState"  :label="item.label" :value="item.value" :key="item.value"/>
                </el-select>
            </el-form-item>
    </el-form>

        <!-- :data=""  -->
        <el-table :data="list"  stripe empty-text="你还没有任何订单哦！" style="margin-top:20px;width: 100%;">
            <el-table-column label="内容" width="300" prop="orderInfo" align="center"></el-table-column>
            <el-table-column label="发布时间" prop="quantity" align="center"></el-table-column>
            <el-table-column label="数据" prop="price" align="center"></el-table-column>
            <el-table-column label="状态" prop="state" align="center"></el-table-column>
            <el-table-column label="操作" prop="stateInfo" width="200px" align="center" fixed="right">
                <template #default="{row,$index}">
                    <el-button link  type="primary" size="small">确认订单</el-button>
                    <el-button link  type="danger" size="small">删除订单</el-button>
                </template>
            </el-table-column>
        </el-table>
    </el-card>
</template>

<script setup>
import {ref} from "vue"
import list from './dynamics'
const value=ref('全部资源')
const value1=ref('全部')
const resourceList=[
    {
        value:'全部资源',
        label:'全部资源'
    },
    {
        value:'作品',
        label:'作品'
    },
    {
        value:'教程',
        label:'教程'
    },
    {
        value:'动态',
        label:'动态'
    },
    {
        value:'专题',
        label:'专题'
    }

]
const centerState=[
    {
        value:'全部',
        label:'全部',
    },
    {
        value:'已发布',
        label:'已发布',
    },
    {
        value:'未发布',
        label:'未发布',
    },
    {
        value:'审核中',
        label:'审核中',
    },
    {
        value:'审核未通过',
        label:'审核未通过',
    },
    {
        value:'仅主页可见',
        label:'仅主页可见',
    },
]


</script>

<style scoped lang="less">
.el-select-dropdown__item.selected {
    color: #f93684;
    font-weight: 700;
}

</style>